<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>提示重新登录</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <script src="../static/kaige/js/szload.js"></script>
  <style>
    html,
    body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      background: #f8fcff;
    }

    .msgbox {
      position: absolute;
      width: 500px;
      height: 170px;
      top: 50%;
      left: 50%;
      margin: -200px 0 0 -250px;
      border: 2px solid rgba(2, 33, 84, 0.5);
      border-radius: 12px;
    }

    .msgbox .msg {
      top: -90px;
      left: -90px;
      width: 80px;
      height: 80px;
      line-height: 80px;
      font-size: 32px;
      text-align: center;
      position: absolute;
      z-index: 9999;
      display: block;
      background: #0075c8;
      color: #ffffff;
      border-radius: 50%;
      font-style: italic;
    }

    .msgbox span.triangle {
      top: 70%;
      right: 0%;
      border-left: 20px solid #0075c8;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      position: absolute;
      z-index: 999;
      transform: rotate(45deg);
      content: "";
      width: 0;
      height: 0;
    }

    .context {
      margin: 10px auto;
      width: 400px;
      padding: 15px;
      line-height: 30px;
      font-size: 20px;
      text-indent: 2em;
    }

    .btnbox {
      width: 200px;
      margin: 10px auto;
      text-align: center;
    }

    .btnbox button {
      border-radius: 19px;
      background-color: #0075c8;
    }
  </style>
</head>

<body>
  <div class="msgbox">
    <div class="msg">咦!
      <span class="triangle"></span>
    </div>
    <div class="context">
      系统检测到您已经在另一台设备登录!<br />
      如果强制重新登录，另一台设备将被踢出！
    </div>
    <div class="btnbox">
      <button type="button" class="layui-btn" id="gotologin">强制重新登录</button>
    </div>
  </div>
  <script>
    load_init_js([],function () {
      $('#gotologin').on('click', function (e) {
        window.location.href = szoa.client.path + '/pages/login.html';
      });
    });
  </script>
</body>

</html>